﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>人员</title>
    <script src="../../../scripts/boot.js" type="text/javascript"></script>
    <script src="../../../../js/dateUtil.js" type="text/javascript"></script>
    <style type="text/css">
        body{
            margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;
        }
    </style>

</head>
<body>
    <!-- 布局容器(大盒子) -->
    <div class="mini-splitter" style="width:100%;height:100%;">
        <div size="240" showCollapseButton="true">
            <!--<div class="mini-toolbar" style="padding:2px;border-top:0;border-left:0;border-right:0;">                -->
                <!--<span style="padding-left:5px;">名称：</span>-->
                <!--<input class="mini-textbox" style="width:100px;"/>-->
                <!--<a class="mini-button" iconCls="icon-search" plain="true">查找</a>                  -->
            <!--</div>-->
            <div class="mini-fit">
                <!--左侧树结构-->
                <ul id="tree1" class="mini-tree" style="width:100%;"
                    showTreeIcon="true" textField="text" idField="id" parentField="pid" resultAsTree="false"
                >
                </ul>
            </div>
        </div>
        <div showCollapseButton="true">
            <!--按钮栏-->
            <div class="mini-toolbar" style="padding:2px;border-top:0;border-left:0;border-right:0;">
	        	<table style="width:100%;">
	                <tr>
	                    <td style="width:100%;">
	                        <a class="mini-button" iconCls="icon-add" plain="true" onclick="add()">增加</a>
               				<a class="mini-button" iconCls="icon-edit" plain="true" onclick="edit()">修改</a>
                			<span class="separator"></span>
                			<a class="mini-button" iconCls="icon-remove" plain="true" onclick="remove()">删除</a>
	                    </td>
	                    <td style="white-space:nowrap;">
	                        <a class="mini-button" iconCls="icon-reload" onclick="refresh()">刷新</a>
	                        <!--<input id="key" class="mini-textbox" emptyText="请输入名称" style="width:150px;" onenter="onKeyEnter"/>-->
	                        <!--<a class="mini-button" onclick="search()">查询</a>-->
	                    </td>
	                </tr>
	            </table>
            </div>
            <!--数据表-->
            <div class="mini-fit" >
                <!--表格内容：请求获得，请求路径是url，通过主键id（id="datagrid1"）来获得-->
                <!--数据表格：class="mini-datagrid"    调整大小：allowResize="true"  多选true/单选false：multiSelect="true"-->
                <div id="datagrid1" class="mini-datagrid" style="width:100%;height:100%;"
                     idField="perId" multiSelect="true">
                    <!--列集合对象：property="columns"-->
                    <div property="columns">
                        <!--<div type="indexcolumn"></div>   显示index的列-->
                        <div type="checkcolumn" ></div>         <!--全选的选择框-->
                        <div field="perId" width="120" headerAlign="center" align="center" visible="false">人员Id</div>
                        <div field="perCode" width="120" headerAlign="center" align="center">人员编号</div>
                        <div field="perName" width="120" headerAlign="center" align="center">姓名</div>
                        <div field="jobNumber" width="120" headerAlign="center" align="center">工号</div>
                        <div header="工作信息">
                            <div property="columns">
                                <div field="groups.groupName" headerAlign="center" align="center" width="100">所属集团</div>
                                <div field="groups.groupId" headerAlign="center" align="center" width="100" visible="false">所属集团Id</div>
                                <div field="company.companyName" headerAlign="center" align="center" width="100">所属公司</div>
                                <div field="company.companyId" headerAlign="center" align="center" width="100" visible="false">所属公司Id</div>
                                <div field="department.departmentName" headerAlign="center" align="center" width="120">所属部门</div>
                                <div field="department.departmentId" headerAlign="center" align="center" width="120">所属部门</div>
                                <div field="administration" width="100" headerAlign="center" align="center">行政部门</div>
                                <div field="costDep" width="100" headerAlign="center" align="center">业务费用部门</div>
                                <div field="postEntity" width="100" headerAlign="center" align="center">岗位</div>
                                <div field="dutyEntity" width="100" headerAlign="center" align="center">职务</div>
                                <div field="arrivalDate" width="100" headerAlign="center" align="center">到职日期</div>
                                <div field="separationDate" width="100" headerAlign="center" align="center">离职日期</div>
                                <!--<div field="groups" dataType="currency" currencyUnit="￥" align="right" width="100" allowSort="true">薪资</div>-->
                            </div>
                        </div>
                        <div header="基本信息">
                            <div property="columns">
                                <div field="sex" width="100" renderer="onGenderRenderer" title style="background-color:red" headerAlign="center" align="center">性别</div>
                                <div field="papersNo" width="100" headerAlign="center" align="center">证件号码</div>
                                <div field="isOperator" width="100" headerAlign="center" align="center">是否操作员</div>
                                <div field="operatorAccounts" width="100" headerAlign="center" align="center">操作员账号</div>
                                <div field="operatorName" width="100" headerAlign="center" align="center">操作员名称</div>
                                <div field="perPhone" width="100" headerAlign="center" align="center">联系电话</div>
                                <div field="email" width="100" headerAlign="center" align="center">Email</div>
                                <div field="weChat" width="100" headerAlign="center" align="center">微信号</div>
                                <div field="age" width="100" allowSort="true" headerAlign="center" align="center">年龄</div>
                                <div field="dateBirth" width="100" headerAlign="center" align="center" renderer="onBirthdayRenderer">出生日期</div>
                            </div>
                        </div>
                        <div field="createDate" width="100" headerAlign="center" align="center" dateFormat="yyyy-MM-dd" >创建日期</div>
                        <!--<div field="married" width="100" align="center" renderer="onMarriedRenderer">婚否</div>-->
                        <!--<div header="学历信息">-->
                            <!--<div property="columns">-->
                                <!--<div field="educational_name" width="100">学历</div>-->
                                <!--<div field="school" width="120">毕业院校</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="../js/person.js"></script>
</body>
</html>